<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title></title>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <link href="styles/default.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="scripts/template.js"></script>
  <script type="text/javascript" src="scripts/date.format.js"></script>
  <script type="text/javascript" src="scripts/validation.js"></script>
  <script type="text/javascript" src="scripts/login.js"></script>
  <script type="text/javascript" src="jsolait/jsolait.js"></script>
  <script type="text/javascript" src="scripts/common.js"></script>
  <script type="text/javascript" src="scripts/appsettings.js"></script> 
  <script type="text/javascript" src="scripts/device.js"></script>
  <script type="text/javascript" src="scripts/dashboard.js"></script>
  <script type="text/javascript" src="sql/devicedal.js"></script>
  <script type="text/javascript" src="graphics/popup.js"></script>
  <script type="text/javascript" src="graphics/raphael/raphael.js" charset="utf-8"></script>
  
  <!--[if (lte IE 6)|(gte IE 8)]>
  <style type="text/css">
     #outer {height:100%;display:table;}
  </style>
  <![endif]-->

</head>

<body onload="InitDashboardPage();">

<div id="outer">
<div id="inner">
<div id="header"></div>
<div id="content">
<div id="columnB"></div>
<!-- START PAGE CONTENT -->
<div id="columnA">
	<h2>Dashboard</h2>
	<table cellpadding="0" cellspacing="0" class="containerDiv" width="970px" border="0">
		<tr>
        	<td class="spacer" colspan="3"></td>
		</tr>
		<tr>			
			<td class="labels" align="left">
				Autorefresh every
				<select id="ddlAutoRefresh" class="dropdown" onchange="ChangeAutoRefreshInterval();" style="width: 100px;"> 
					<option value="10" selected="true">10 seconds</option>
					<option value="30">30 seconds</option>
					<option value="60">1 minute</option>
				</select>
			</td>	
			<td align="right">				
				<input type="button" id="btnAddDevice" value="Add Device" class="buttonFilter" style="width:90px" onclick="AddDeviceToDashboard();"/>
            </td>
		</tr>
	</table>	 		   

	<div id="networkTopology" style="position:relative;left:0px;top:0px;width:968px;height:590px;overflow-y:auto;" class="containerDiv">		
		<div id="daskboard"></div>
	</div>
	
	<div class="spacer"></div>        	

</div>	  
<!-- END PAGE CONTENT -->
</div>
</div>
</div>
<div id="footer"></div>
</body>

</html>
